@CHARSET "UTF-8";

@import url('nec/reset.css');
@import url('nec/function.css');
@import url('nec/animation.css');
@import url('nec/media.css');
@import url('nec_code.css');

/* IE fix */
.u-btn-c1{*background:#cc1c23;}
.u-btn-c2{*background:#f8960a;}
.u-btn-c3{*background:#50b150;}
.u-btn-c4{*background:#333;}

/* 按钮适中 */
.u-btn-md{padding:0 30px;height:30px;line-height:30px;font-size:16px;}

/* My reset */
body,textarea,input,button,select,keygen,legend{font:14px/1.8 arial,\5b8b\4f53;}
h1{font-size: 20px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 15px;}
h5{font-size: 14px;}
h6{font-size: 13px;}
a{color:#259;}
a:hover{text-decoration: underline; color:#060;}

body{background-image: url(../img/bg-v3.png);}
body.dark{background-image: url(../img/bg-v3-d.png);}

.cls{clear: both;}
.none{display: none;}
.cursor{cursor: pointer;}
.t5{height: 5px;}
.t10{height: 10px;}
.t100{height: 100px;}
.w80{width: 80px;}
.w100{width: 100px;}

.f-c-body{color: #333;}
.f-c-grey{color: #999;}
.f-radius{border-radius: 5px;}
.f-bgfff{background-color: #fff;}
.f-bordert{border-top: 1px solid #ccc}
.f-borderr{border-right: 1px solid #ccc}
.f-borderb{border-bottom: 1px solid #ccc}
.f-borderl{border-left: 1px solid #ccc}
.f-pd15{padding: 15px;}
.f-pdt10{padding-top: 10px;}
.f-mgb10{margin-bottom: 10px;}
.f-mgv10{margin-top: 10px; margin-bottom: 10px;}

.no span.info{color: #c00; margin-left: 4px; padding-left: 20px; background: url(../img/msg.png) no-repeat -33px -120px;}
.yes span.info{color: #393; margin-left: 4px; padding-left: 20px; background: url(../img/msg.png) no-repeat -33px -160px;}
.no input{background: #fdd;}
.yes input{background: #dfb;}

/* 自定义 */
.g-main{width: 1200px; margin: 0 auto; clear: both;}
.g-main-l, .g-main-r, .g-main-m, .g-main-um{padding-top: 10px;}
.g-first{padding-top: 50px;}

.g-topbar{background: #555; line-height: 40px; color: #ddd; font-size: 14px; position: fixed; width: 100%; z-index: 9; border-bottom: 3px solid #6c6; top: 0;}
.g-topbar .g-main{padding: 0;}
.g-topbar ul li{display: inline;}
.g-topbar a{color: #ddd; display: block; float: left; padding: 0 20px;}
.g-topbar a:hover, .g-topbar a.hover{color: #fff; background: #666;}

.g-topsub{background: #f5f5f5; line-height: 40px; width: 100%; border-bottom: 1px solid #eee;}
.g-topsub .g-main{padding: 0;}

.g-footer .g-main{padding: 20px;}

.g-main-m .gsdl{width: 250px; float: left; border-radius: 5px;}
.g-main-m .gmn{width: 620px; float: left; margin-left: 10px; border-radius: 5px;}
.g-main-m .gsdr{width: 310px; float: right; border-radius: 5px;}

.g-main-l .gmn{width: 830px; float: left; border-radius: 5px;}
.g-main-l .gsd{width: 360px; float: right; border-radius: 5px;}

.g-main-r .gsd{width: 360px; float: left; border-radius: 5px;}
.g-main-r .gmn{width: 830px; float: right; border-radius: 5px;}

.g-main-um .gsdl{width: 200px; float: left; border-radius: 5px;}
.g-main-um .gmn{width: 680px; float: left; margin-left: 10px; border-radius: 5px;}
.g-main-um .gsdr{width: 300px; float: right; border-radius: 5px;}

/* 右侧自适应 */
.g-sd-l{position:relative;float:left;width:300px;}
.g-mn-r{float:right;width:100%;margin-left:-300px;}
.g-mn-r-c{margin-left:310px;}

/* 左侧自适应 */
.g-sd-r{position:relative;float:right;width:350px;background: #efe;}
.g-mn-l{float:left;width:100%;margin-right:-350px;}
.g-mn-l-c{margin-right:360px;background: #efe;}

/* 不同宽度左右自适应 */
/*
.g-sdw130 .g-sd1{width:130px;}
.g-sdw130 .g-mn1{margin-left:-130px;}
.g-sdw130 .g-mn1c{margin-left:140px;}
*/

/* auth 页布局 */
.g-auth-bd{width:900px;margin:0 auto;padding:30px 0;}
.g-auth-bd .g-sd{float:right;width:230px;}
.g-auth-bd .g-mn{float:left;width:630px;}

/* auth 页右侧提示 */
.m-auth-sdtip{margin: 30px 0;}
.m-auth-sdtip dt{padding: 10px 0; color: #999;}

.m-auth-oauth h2{padding: 10px 0; color: #999; font-weight: normal;}
.m-auth-oauth ul li{padding: 8px 0;}
.m-auth-oauth ul li a{display: block; height: 16px; line-height: 16px; padding-left: 20px; color: #444; font-size: 14px; background-image: url(../img/oauth_icons.png); background-repeat: no-repeat;}
.m-auth-oauth ul li a:hover{color: #090;}
.m-auth-oauth ul li a.weibo{background-position: -100px 0px;}
.m-auth-oauth ul li a.qq{background-position: -100px -20px;}
.m-auth-oauth ul li a.taobao{background-position: -100px -40px;}
.m-auth-oauth ul li a.baidu{background-position: -100px -60px;}
.m-auth-oauth ul li a.douban{background-position: -100px -80px;}
.m-auth-oauth ul li a.renren{background-position: -100px -100px;}
.m-auth-oauth ul li a.weixin{background-position: -100px -120px;}
.g-mn .m-auth-oauth ul li{width: 140px; float: left; padding: 0 0 15px 0;}

/* cmsg */
.m-cmsg{width: 610px; margin: 0 auto; padding: 30px;}
.m-cmsg .left{width: 100px; float: left;}
.m-cmsg .right{width: 500px; float: left;}
.m-cmsg .left .icon0{width: 32px; height: 32px; background: url(../img/msg.png) no-repeat -19px 0px;}
.m-cmsg .left .icon1{width: 32px; height: 32px; background: url(../img/msg.png) no-repeat -19px -40px;}
.m-cmsg .left .icon2{width: 32px; height: 32px; background: url(../img/msg.png) no-repeat -19px -80px;}
.m-cmsg .right ul{font-size: 12px;}

.m-pager{text-align: center; padding: 10px;}
.m-pager ul li{display: inline;}
.m-pager ul li a{display: inline-block; line-height: 30px; padding: 0 10px; background: #eee; margin: 0 4px;}
.m-pager ul li a:hover{background: #363; color: #fff;}
.m-pager ul li.active a{background: #ccc; color: #333; cursor: default;}

.u-oauthico{display: inline-block; width: 16px; height: 16px; margin-right: 2px; position: relative; top: 3px; background-image: url(../img/oauth_icons.png); background-repeat: no-repeat;}
.u-oauthico-weibo{background-position: -100px 0px;}
.u-oauthico-qq{background-position: -100px -20px;}
.u-oauthico-taobao{background-position: -100px -40px;}
.u-oauthico-baidu{background-position: -100px -60px;}
.u-oauthico-douban{background-position: -100px -80px;}
.u-oauthico-renren{background-position: -100px -100px;}
.u-oauthico-weixin{background-position: -100px -120px;}

.u-oauthlogo{display: inline-block; width: 61px; height: 61px; margin-right: 2px; background-image: url(../img/oauth_icons.png); background-repeat: no-repeat;}
.u-oauthlogo-weibo{background-position: 0 0px;}
.u-oauthlogo-qq{background-position: 0 -100px;}
.u-oauthlogo-taobao{background-position: 0 -200px;}
.u-oauthlogo-baidu{background-position: 0 -300px;}
.u-oauthlogo-douban{background-position: 0 -400px;}
.u-oauthlogo-renren{background-position: 0 -500px;}
.u-oauthlogo-weixin{background-position: 0 -600px;}

.u-nav-sd-box{background: #cde; padding: 20px 0;}
.u-nav-sd li a{display: block; padding: 0 0 0 20px; line-height: 35px; color: #333;}
.u-nav-sd li a:hover{background: #eef;}
.u-nav-sd li a i{display: inline-block; width: 20px; height: 20px; vertical-align: -5px; margin-right: 8px; background-image: url(../img/icon.png); background-repeat: no-repeat;}
.u-nav-sd li.l2 a{padding: 0 0 0 30px; line-height: 28px;}
.u-nav-sd li.l2 a i{vertical-align: -8px; margin-right: 5px;}
.u-nav-sd li a i{background-position: 0px -273px;}
.u-nav-sd li a i.i-index{background-position: 0px 0px;}
.u-nav-sd li a i.i-msg{background-position: 0px -25px;}
.u-nav-sd li a i.i-fav{background-position: 0px -50px;}
.u-nav-sd li a i.i-at{background-position: 0px -149px;}
.u-nav-sd li a i.i-comment{background-position: 0px -174px;}
.u-nav-sd li a i.i-mail{background-position: 0px -223px;}
.u-nav-sd li a i.i-fo{background-position: 0px -324px;}
.u-nav-sd li a i.i-fs{background-position: 0px -299px;}
.u-nav-sd li a:hover i{background-position: -25px -273px;}
.u-nav-sd li a:hover i.i-index{background-position: -25px 0px;}
.u-nav-sd li a:hover i.i-msg{background-position: -25px -25px;}
.u-nav-sd li a:hover i.i-fav{background-position: -25px -50px;}
.u-nav-sd li a:hover i.i-at{background-position: -25px -149px;}
.u-nav-sd li a:hover i.i-comment{background-position: -25px -174px;}
.u-nav-sd li a:hover i.i-mail{background-position: -25px -223px;}
.u-nav-sd li a:hover i.i-fo{background-position: -25px -324px;}
.u-nav-sd li a:hover i.i-fs{background-position: -25px -299px;}

.g-topbar .logo a, .g-topbar .logo a:hover{display: inline-block; width: 120px; height: 40px; background: url(../img/logo-topbar.png) no-repeat; text-indent: -999px;}

.captcha-img .ipt img{margin-left: 0;}
.m-form .captcha-ipt{padding-top: 10px;}
.m-form .ipt a:hover{text-decoration: underline; color: #039;}

.m-github .l1{position: relative; padding-bottom: 0; padding-left: 80px;}
.m-github .l1 p{line-height: 1.4;}
.m-github .l1 p.h2{font-size: 16px;}
.m-github .l1 p.meta{font-size: 12px; color: #999;}
.m-github .l1 a.u-btn{position: absolute; top: 18px; left: 200px;}
.m-github .l2{height: 44px; padding-left: 46px;}
.m-github .l2 ul li{float: left; width: 140px; height: 22px; line-height: 22px;}
.m-github .l2 .fa{margin-right: 5px; color: #aaa;}
.m-github .l3{height: 50px; overflow: hidden; padding: 2px 0 0 20px; text-align: center;}
.m-github .l3 li{display: inline-block; width: 106px; float: left; line-height: 1.3;}
.m-github .l3 li small{color: #888; font-size: 12px;}

.slink{display: inline-block; background: #f5f5f5; border: 1px solid #ccc; padding: 0 4px;}
.slink i.fa{color: #999;}

.m-feedlist{padding: 10px;}
.m-feedlist .m-item{margin: 10px; border-bottom: 1px dashed #ccc; padding-bottom: 10px;}
.m-feedlist p{overflow: hidden; line-height: 1.6; margin: 2px 0;}
.m-feedlist p.h2{font-size: 16px;}
.m-feedlist p.info{color: #999; font-size: 12px;}

.m-item .g-sd-l{width:60px;}
.m-item .g-mn-r{margin-left:-60px;}
.m-item .g-mn-r-c{margin-left:70px;}
.m-item span.act{float: right; margin-right: 15px;}

.m-dl{background-color: #fff; border-radius: 5px; margin-bottom: 10px;}
.m-dl dt{padding: 10px; border-bottom: 1px solid #eee; font-weight: bold;}
.m-dl dd{padding: 10px;}

.m-author{text-align: center;}
.m-author .l1{height: 100px; position: relative; background-color: #888;}
.m-author .l1 img{position: absolute; top: 30px; left: 130px; border-radius: 50px; width: 100px;}
.m-author .l2{padding-top: 35px;}
.m-author .l3{height: 60px; overflow: hidden; padding: 20px 0 0 20px;}
.m-author .l3 li{display: inline-block; width: 106px; float: left; line-height: 1.3;}
.m-author .l3 li span{color: #666; font-size: 12px;}

.m-show h1{text-align: center; padding: 10px;}
.m-show .info{background: #f5f5f5; padding: 5px 10px; margin: 10px 0; border-radius: 5px;}
.m-show .img{margin-top: 10px;}

.m-tags p.tag{padding: 5px 10px; background: #f5f5f5; border-bottom: 1px solid #ddd; border-radius: 5px; float: left; margin: 5px;}
.m-tags p.tag a{color: #666;}

.m-blogs ul li{height: 28px; line-height: 28px; overflow: hidden;}

.m-ofeed{padding: 15px; background: #f8f8f8; border-radius: 5px; margin-top: 10px;}
.m-ofeed p.info{margin: 0; padding: 0; background: none;}

.avatar_s{width: 50px; height: 50px; border-radius: 25px;}

.alert {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
